﻿@{
    ViewBag.Title = "Index";
    ViewBag.NavLocation = "PS";
}
@section header
{
  <style id="holderjs-style" type="text/css">
    img.pro-img {
        margin-right: 20px;
        margin-bottom: 20px;
    }

    h1.product {
        margin-top: 0;
    }

    .icon-size {
        font-size: 144px;
        margin-right: 40px !important;
    }

    .icon-size-r {
        margin-right: 0 !important;
        margin-left: 40px !important;
    }

    .media-body p {
        line-height: 2em;
        font-size: 14px;
        color: #777;
    }

    .media {
        margin-bottom: 20px;
    }

    h2.media-heading {
        font-weight: 500;
    }

    .jumbotron {
        background: url(images/orange2.jpg) top center;
        color: #fff;
    }

        .jumbotron p {
            line-height: 1.75em;
        }
</style>
}
<div class="renderbody ">

    <!--产品1-->
    <div class="container">
        <div class="jumbotron">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-12">
                        <img class="img-thumbnail img-circle pull-left pro-img" width="450px" height="250px" src="images/bjzj.png">
                    </div>
                    <div class="col-lg-9 col-md-12">
                        <h1 class="product">家居消防联动报警系统</h1>
                        <p>
                             【无线自动组网，告警互联互通，保障无遗漏，通知无死角】 <br />
                            【为你争取到宝贵的火灾前三分钟，为你的生命及财产安全保驾护航】 <br>
                            <small>安全永远是第一位</small>
                        </p>
                        <p>
                            <a class="btn btn-lg btn-success" href="#" role="button"><i class="glyphicon glyphicon-shopping-cart"></i>&nbsp;放入购物车</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <!-- product -->
        <div class="container">
            <div class="page-header text-center">
                <h1>产品特色</h1>
            </div>

            <div class="media">
                <div class="pull-left icon-size">
                    <i class="glyphicon glyphicon-cloud"></i>
                </div>
                <div class="media-body">
                    <h2 class="media-heading">无线自动联网</h2>
                    <p><h4>系统通信方式采用国际通用的2.4G频段，自动组网互联，无需任何设置，开箱上电即用，消防监测终端自动寻址控制主机，主机屏幕会显示各监测终端的通信状态</h4></p>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="media">
                <div class="pull-right icon-size icon-size-r">
                    <i class="glyphicon glyphicon-search"></i>
                </div>
                <div class="media-body">
                    <h2 class="media-heading">安装方便</h2>
                    <p><h4>监测终端由普通AA电池供电，无需市电，贴个双面胶就可以，无需专业培训，无需查看安装说明，简单就是硬道理，如果你不会使用双面胶，请咨询我们的售后工程师</h4></p>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="media">
                <div class="pull-left icon-size">
                    <i class="glyphicon glyphicon-dashboard"></i>
                </div>
                <div class="media-body">
                    <h2 class="media-heading">专利产品，质量保证</h2>
                    <p><h4>专利产品，专业公司设计，专业厂家生产，我们从元器件的源头开始，采用美国大公司芯片，严格控制生产工艺，严格检测环节，我们敢承诺，我们的产品能经受住严苛的环境考验</h4></p>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="page-header">
                <h1>价格</h1>
            </div>

            <div class="row">
               <p><h2>诚征全国各地代理,详情请拨打服务热线:020-31132368</h2></p>
            </div>
        </div>
    </div>
    <!--产品2-->
    @*<div class="container">
        <div class="jumbotron">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-12">
                        <img class="img-thumbnail img-circle pull-left pro-img" width="450px" height="250px" src="img/images.jpg">
                    </div>
                    <div class="col-lg-9 col-md-12">
                        <h1 class="product">产品1</h1>
                        <p>
                            产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品产品<br>
                            <small>产品产品产品产品产品产品产品产品产品产品产品产品</small>
                        </p>
                        <p>
                            <a class="btn btn-lg btn-success" href="#" role="button"><i class="glyphicon glyphicon-shopping-cart"></i>&nbsp;放入购物车</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <!-- product -->
        <div class="container">
            <div class="page-header text-center">
                <h1>产品特色</h1>
            </div>

            <div class="media">
                <div class="pull-left icon-size">
                    <i class="glyphicon glyphicon-cloud"></i>
                </div>
                <div class="media-body">
                    <h2 class="media-heading">云服务</h2>
                    <p>云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点</p>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="media">
                <div class="pull-right icon-size icon-size-r">
                    <i class="glyphicon glyphicon-search"></i>
                </div>
                <div class="media-body">
                    <h2 class="media-heading">云服务</h2>
                    <p>云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点</p>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="media">
                <div class="pull-left icon-size">
                    <i class="glyphicon glyphicon-dashboard"></i>
                </div>
                <div class="media-body">
                    <h2 class="media-heading">云服务</h2>
                    <p>云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点云服务特点</p>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="page-header">
                <h1>价格</h1>
            </div>

            <div class="row">
                <div class="col-sm-4">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <h3 class="panel-title">$2000/年</h3>
                        </div>
                        <div class="panel-body">
                            <ul class="list-inline">
                                <li>完美售后</li>
                                <li>上门安装</li>
                                <li>全年保修</li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-warning">
                        <div class="panel-heading">
                            <h3 class="panel-title">$2000/年</h3>
                        </div>
                        <div class="panel-body">
                            <ul class="list-inline">
                                <li>完美售后</li>
                                <li>上门安装</li>
                                <li>全年保修</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- /.col-sm-4 -->
                <div class="col-sm-4">
                    <div class="panel panel-success">
                        <div class="panel-heading">
                            <h3 class="panel-title">$2000/年</h3>
                        </div>
                        <div class="panel-body">
                            <ul class="list-inline">
                                <li>完美售后</li>
                                <li>上门安装</li>
                                <li>全年保修</li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-info">
                        <div class="panel-heading">
                            <h3 class="panel-title">$2000/年</h3>
                        </div>
                        <div class="panel-body">
                            <ul class="list-inline">
                                <li>完美售后</li>
                                <li>上门安装</li>
                                <li>全年保修</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- /.col-sm-4 -->
                <div class="col-sm-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">$2000/年</h3>
                        </div>
                        <div class="panel-body">
                            <ul class="list-inline">
                                <li>完美售后</li>
                                <li>上门安装</li>
                                <li>全年保修</li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-danger">
                        <div class="panel-heading">
                            <h3 class="panel-title">$2000/年</h3>
                        </div>
                        <div class="panel-body">
                            <ul class="list-inline">
                                <li>完美售后</li>
                                <li>上门安装</li>
                                <li>全年保修</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- /.col-sm-4 -->
            </div>
        </div>
    </div>*@
</div>